<template>
  <div>
    <input v-model="getNum" type="text">
    <div>{{ fn('数量') }}</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      n: 10
    }
  },

  computed: {
    // getNum() {
    //   return this.n
    // }
    getNum: {
      get() {
        return this.n
      },
      set(value) {
        this.n = value
      }
    },
    fn() {
      return (str) => {
        return str + this.n
      }
    }
  }
}
</script>
<style></style>
